<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
   <title>小米商城 - 小米9、小米MIX 3、Redmi K20，小米电视官方网站</title>
    <link rel="stylesheet" href="css/reset.css">
    <link rel="stylesheet" href="css/global.css">
    <link rel="stylesheet" href="css/index.css">
</head>
<body>

<div class="site-topbar">
    <div class="content">
        <ul class="topbar-menu">
            <li class="menu-item"><a href="#">小米商城</a></li>
            <li class="menu-item"><a href="#">MIUI</a></li>
            <li class="menu-item"><a href="#">loT</a></li>
            <li class="menu-item"><a href="#">云服务</a></li>
            <li class="menu-item"><a href="#">金融</a></li>
            <li class="menu-item"><a href="#">有品</a></li>
            <li class="menu-item"><a href="#">小爱开放平台</a></li>
            <li class="menu-item"><a href="#">企业团购</a></li>
            <li class="menu-item"><a href="#">资质证照</a></li>
            <li class="menu-item"><a href="#">协议规则</a></li>
            <li class="menu-item"><a href="#">下载app</a></li>
            <li class="menu-item"><a href="#">Select Region</a></li>
        </ul>


        <div class="cartBox">
            <i class="icon-cart"></i>
            <span class="cart-text"><a href="">
                购物车（<span class="cart-num">0</span>)
            </a></span>
        </div>

        <div class="login">
            <ul class="loginBox">
                <li class="login-item"><a href="#">登录</a></li>
                <li class="login-item"><a href="#">注册</a></li>
                <li class="login-item"><a href="#">消息通知</a></li>
            </ul>
        </div>


    </div>
</div>

<div class="site-header">

    <div class="content">

        <div class="header-icon">
            <a href="#"><i class="mi-icon"></i></a>

        </div>

        <ul class="nav-list">
            <li class="nav-item"><a href="#">小米手机</a></li>
            <li class="nav-item"><a href="#">Redmi红米</a></li>
            <li class="nav-item"><a href="#">电视</a></li>
            <li class="nav-item"><a href="#">笔记本</a></li>
            <li class="nav-item"><a href="#">家电</a></li>
            <li class="nav-item"><a href="#">路由器</a></li>
            <li class="nav-item"><a href="#">智能硬件</a></li>
            <li class="nav-item"><a href="#">服务</a></li>
            <li class="nav-item"><a href="#">社区</a></li>
        </ul>

        <form action="#" class="header-search">
            
            <div class="search-inputBox">
                <input type="text" class="search-input">
                <div class="inputText">
                    <a class="inputText-item"><span>小米9</span></a>
                    <a class="inputText-item"><span>小米9 SE</span></a>
                </div>

            </div>
            
            <button class="search-btn">
                <i class="btn-icon"></i>
            </button>
        </form>
    </div>

</div>

</body>
</html>